import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';

import Slider from '.';

# Slider

Slider component to choose a value from predefined range of values.

<Canvas>
  <Story id="ui-components-ui-slider-slider-stories-js--default-story" />
</Canvas>

## Usage

### With Steps

Slider with predefined total steps

<Canvas>
  <Story id="ui-components-ui-slider-slider-stories-js--with-steps" />
</Canvas>

### With Header

Slider with header title

<Canvas>
  <Story id="ui-components-ui-slider-slider-stories-js--with-header" />
</Canvas>

### With Footer

Slider with footer

<Canvas>
  <Story id="ui-components-ui-slider-slider-stories-js--with-footer" />
</Canvas>
